<html lang="en" style=""
      class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="eisneim">
    <meta name="description"
          content="Freelance Web developer, motion graphics artist, visual effects artist living in Shanghai,China">
    <meta name="keywords"
          content="portfolio,freelance artist,Web design,Web development,motion graphics,parkour,freerunning">

    <link rel="stylesheet" href="main.css">
    <script src="modernizr.js"></script>
    <link rel="shortcut icon" href="701-logo.png">
    <title>iTrip</title>
    <style type="text/css">
        #yddContainer {
        display: block;
        font-family: Microsoft YaHei;
        position: relative;
        width: 100%;
        height: 100%;
        top: -4px;
        left: -4px;
        font-size: 12px;
        border: 1px solid
    }

    #yddTop {
        display: block;
        height: 22px
    }

    #yddTopBorderlr {
        display: block;
        position: static;
        height: 17px;
        padding: 2px 28px;
        line-height: 17px;
        font-size: 12px;
        color: #5079bb;
        font-weight: bold;
        border-style: none solid;
        border-width: 1px
    }

    #yddTopBorderlr .ydd-sp {
        position: absolute;
        top: 2px;
        height: 0;
        overflow: hidden
    }

    .ydd-icon {
        left: 5px;
        width: 17px;
        padding: 0px 0px 0px 0px;
        padding-top: 17px;
        background-position: -16px -44px
    }

    .ydd-close {
        right: 5px;
        width: 16px;
        padding-top: 16px;
        background-position: left -44px
    }

    #yddKeyTitle {
        float: left;
        text-decoration: none
    }

    #yddMiddle {
        display: block;
        margin-bottom: 10px
    }

    .ydd-tabs {
        display: block;
        margin: 5px 0;
        padding: 0 5px;
        height: 18px;
        border-bottom: 1px solid
    }

    .ydd-tab {
        display: block;
        float: left;
        height: 18px;
        margin: 0 5px -1px 0;
        padding: 0 4px;
        line-height: 18px;
        border: 1px solid;
        border-bottom: none
    }

    .ydd-trans-container {
        display: block;
        line-height: 160%
    }

    .ydd-trans-container a {
        text-decoration: none;
    }

    #yddBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        background-position: left -22px
    }

    .ydd-padding010 {
        padding: 0 10px
    }

    #yddWrapper {
             color: #252525;
             z-index: 10001;
             background: url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ab20.png);
         }

    #yddContainer {
        background: #fff;
        border-color: #4b7598
    }

    #yddTopBorderlr {
        border-color: #f0f8fc
    }

    #yddWrapper .ydd-sp {
        background-image: url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ydd-sprite.png)
    }

    #yddWrapper a, #yddWrapper a:hover, #yddWrapper a:visited {
        color: #50799b
    }

    #yddWrapper .ydd-tabs {
        color: #959595
    }

    .ydd-tabs, .ydd-tab {
        background: #fff;
        border-color: #d5e7f3
    }

    #yddBottom {
        color: #363636
    }

    #yddWrapper {
        min-width: 250px;
        max-width: 400px;
    }
    </style>
</head>

<body>
    <div id="gf-app" data-reactid=".0" class="">
    <div id="gf-main" data-reactid=".0.0">
        <section class="gf-view" id="gf-intro" data-reactid=".0.0.0">
            <div class="gf-centered-wraper" data-reactid=".0.0.0.0">
                <header class="gf-centered" data-reactid=".0.0.0.0.0">
                    <br data-reactid=".0.0.0.0.0.0">
                    <br data-reactid=".0.0.0.0.0.1">
                    <br data-reactid=".0.0.0.0.0.2">

                    <h1 class="ua-line-loadin" data-reactid=".0.0.0.0.0.3">701工作室</h1>

                    <h2 data-reactid=".0.0.0.0.0.4">studio</h2>

                    <h3 data-reactid=".0.0.0.0.0.5">
                        <span data-reactid=".0.0.0.0.0.5.0">I Love To Do&nbsp;</span>
                            <span class="uac-words uac-letter-type" data-reactid=".0.0.0.0.0.5.1">
                                <b class="uac-visible" data-reactid=".0.0.0.0.0.5.1.$word-3"><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-0" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-0.0">A</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-1" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-1.0">p</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-2" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-2.0">p</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-3" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-3.0"> </em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-4" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-4.0">D</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-5" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-5.0">e</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-6" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-6.0">v</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-7" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-7.0">e</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-8" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-8.0">l</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-9" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-9.0">o</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-10" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-10.0">p</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-11" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-11.0">m</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-12" class="uac-in"><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-12.0">e</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-13" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-13.0">n</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-14" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-3.$letter-14.0">t</em></i></b><b
                                    class="uac-hidden" data-reactid=".0.0.0.0.0.5.1.$word-4"><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-0" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-0.0">P</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-1" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-1.0">a</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-2" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-2.0">i</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-3" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-3.0">n</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-4" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-4.0">t</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-5" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-5.0">t</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-6" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-6.0">i</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-7" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-7.0">n</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-8" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-4.$letter-8.0">g</em></i></b><b
                                    class="uac-hidden" data-reactid=".0.0.0.0.0.5.1.$word-5"><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-0" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-0.0">M</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-1" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-1.0">o</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-2" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-2.0">t</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-3" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-3.0">i</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-4" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-4.0">o</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-5" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-5.0">n</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-6" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-6.0"> </em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-7" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-7.0">G</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-8" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-8.0">r</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-9" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-9.0">a</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-10" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-10.0">p</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-11" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-11.0">h</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-12" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-12.0">i</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-13" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-13.0">c</em></i><i
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-14" class=""><em
                                    data-reactid=".0.0.0.0.0.5.1.$word-5.$letter-14.0">s</em>
                            </i>
                            </b>
                            </span>
                    </h3>

                    <p data-reactid=".0.0.0.0.0.6">five years old, currently based in NingBo, China</p><a
                        class="btn btn-ghost btn-lg" href="../index.html" data-reactid=".0.0.0.0.0.7"> Our home page →</a>
                    <!--#/project-->
                </header>
            </div>
            <div class="cover-mat" data-reactid=".0.0.0.1"></div>
            <video id="video_background" autoplay="" preload="auto" loop="" data-reactid=".0.0.0.2">
                <!--<source src="video/splash.webm" type="video/webm" data-reactid=".0.0.0.2.0">-->
                <source src="http://px5ajag4h.bkt.clouddn.com/video/iTrip.mp4" type="video/mp4" data-reactid=".0.0.0.2.1">
                <!--<span data-reactid=".0.0.0.2.2">your browser is way too old!</span>-->
            </video>
        </section>
    </div>

    <div id="gf-nav-backdrop" style="visibility: hidden;"></div>
</div>
</body>
</html>>